@charset "utf-8";
*{margin: 0px;padding: 0px;text-decoration: none;list-style: none;background: white;}
#header{width: 100%;height:104px;line-height: 104px;position: fixed;background: white;}
#header img{float: left;margin-left: 50px;}
#header ul{height: 30px;top: 50%;}
#header ul li{float: left;margin-left: 30px;}
#header ul li a{color: black;font-size: 15px;}
#header ul li a.red{color: red;}
#img img{margin-top: 103px;}
#concent{margin: 0 auto;}
#c1{width: 1200px;height: 40px;margin: 0 auto;margin-top: 70px;}
#c1 h2{float: left;}
#c1 a{float: right;color: black;font-size: 16px;}
#c1 hr{color: black;width: 1200px;}
#c2 {margin-top: 30px;width: 100%;height: 600px;}
.c2_left {margin-right: 20px;float: left;width: 25%;height: 600px;}
.c2_left ul li {list-style: none;}
.c2_left ul li a {margin: 20px 20px;}
.c2_left ul li img:hover {opacity:0.4;filter:alpha(opacity=40);}
.c2_conter {margin-left: 2%;float: left;width: 40%;height: 600px;}
.c2_conter ul li {list-style: none;}
.c2_conter ul li a {margin: 20px 30px;}
.c2_conter ul li img:hover {opacity:0.4;filter:alpha(opacity=40);}
.c2 img{opacity:0.4;filter:alpha(opacity=40);}
.c2_right {margin-right: 40px;float: right;width: 25%;height: 600px;}
.c2_right ul li {list-style: none;}
.c2_right ul li a {margin: 20px 10px;}
.c2_right ul li img:hover {opacity:0.4;
filter:alpha(opacity=40);}
#c3{width: 100%;}
.c3_left{width: 45%;height: 480px;float: left;background: white;border-top: 10px solid white;
border-left: 10px solid white;border-bottom: 10px solid white;margin-top: 40px;}
.c3_left ul li{list-style: none;}
.c3_left ul li a{margin: 0px 20px;}
.c3_right{width: 45%;height: 480px;float: right;background:white ;
border-top: 10px solid white;border-left: 10px solid white;border-bottom: 10px solid white;margin-top: 40px;}
.potos_left{margin-left: 20px;margin-top: 10px ;float: left;width: 30%;height: 200px;}
.potos_conter{margin: 10px 10px 0px 10px;float: left;width: 30%;height: 200px;}
.potos_right{margin-top: 10px ;float: left;width: 30%;height: 200px;}
.potos p{font-size:13px ;}
.potos h4{float: left;font-size: 18px;margin-right: 5px;}
.potos .tejia{color: #cccccc;text-decoration: line-through;font-size: 15px;margin-top: 2px;}
.right img{margin-right: 15px;}
.c3_right ul li{list-style: none;}
.left img{margin-right:-5px ;}
#footer{width: 100%;height: 590px;background: #FFFFFF;}
.f1_left{float: left;width: 70%;height: 330px;}
.f1_left_1{width: 30%;height: 80%;background: #FFFFFF;
margin-top: 10px;margin-left: 10px;float: left;}
.f1_left_1 img{width: 100%;height: 100%;}
.f1_left_2{width: 30%;height: 80%;background: #FFFFFF;
margin-top: 10px;margin-left: 10px;float: left;}
.f1_left_2 img{width: 100%;height: 100%;}
.f1_left_3{width: 30%;height: 90%;background: #FFFFFF;margin-top: 10px;margin-left: 10px;float: left;}
.f1_left_3 img{width: 100%;height: 100%;}
.f1_left hr{width: 1px;height: 270px;border: 1px solid black;background: black;margin-top: 10px;position: relative;left: 10px;}
.f1_right{float: right;width: 30%;height: 330px;}
.f1_right h2{margin-top: 10px;}
.f1_right p{line-height: 50px;}
.f1_right span p{position: relative;left: 125px;}
.f1_nav{width: 90%;height: 50px;margin: 10px auto;}
.f1_nav ul li{display: inline-block;height: 50px;line-height:50px;}
.f1_nav ul li a{color: #3F3E3E;font-size: 15px;}
.f1_nav ul li a:hover{color: red;}
.f2{background: #3F3E3E;width: 100%;height: 170px;margin-top: 30px;}
.f2 p{text-align: center;height: 60px;line-height: 60px;color: #B1B1B1;}
.f2 span p{text-align: center;height: 80px;line-height: 80px;color: #B1B1B1;}
#footer{width: 100%;height: 590px;background: #FFFFFF}
.f1_left{float: left;width: 70%;height: 330px;margin-top: 20px;}
.f1_left_1{width: 140px;height: 130px;background: #FFFFFF;margin-top: 10px;margin-left: 400px;float: left;}
.f1_left_1 img{width: 140px;height: 130px;}
.f1_left_2{width: 140px;height: 130px;background: #FFFFFF;margin-top: 10px;margin-left:100px;float: left;}
.f1_left_2 img{width: 140px;height: 130px;}
.f1_left_3{width: 140px;height: 130px;background: #FFFFFF;margin-top: 10px;margin-left: 100px;float: left;}
.f1_left_3 img{width: 140px;height: 130px;}
.f1_left hr{width: 1px;height: 270px;border: 1px solid black;;margin-top: 10px;position: relative;left: 10px;}
.f1_right{float: right;width: 30%;height: 330px;}
.f1_right h2{margin-top: 10px;}
.f1_right p{line-height: 50px;}
.f1_right span p{position: relative;left: 125px;}
.f1_nav{width: 90%;height: 50px;margin: 10px auto;float: left;text-align: center;}
.f1_nav ul li{display: inline-block;height: 50px;line-height:50px;}
.f1_nav ul li a{color: #3F3E3E;font-size: 15px;}
.f1_nav ul li a:hover{color: red;}
.f2{width: 100%;height: 170px;margin-top: 30px;float: left;}
.f2 p{text-align: center;height: 60px;line-height: 60px;color: #B1B1B1;}
.f2 span p{text-align: center;height: 80px;line-height: 80px;color: #B1B1B1;}

#app{width: 165px;height: 208px;position: fixed;float: left;margin-left: 200px;margin-top: 500px;}

#clear{clear: both;}
